/**
 * @package  EasyBlog
 * @copyright Copyright (C) 2010 Stack Ideas Private Limited. All rights reserved.
 * @license  GNU/GPL, see LICENSE.php
 * EasyBlog is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

/**
 * -------------------------------------------------------------------------------------------------
 * Dashboard
 * ------------------------------------------------------------------------------------------------- 
 */ 

#eblog-wrapper div {

}

/**
 * Mini menu
 */
#eblog-wrapper #minimenu {
	font-family: Tahoma, Verdana, Helvetica, san-serif;
	font-size: 11px;
	overflow: hidden;	
	padding: 5px;
	text-align: right;
}  

	#eblog-wrapper #minimenu a { 		
		padding: 3px 10px 3px 20px;
		text-decoration: none;
	}
	
	#eblog-wrapper #minimenu a:hover {
	 	color: #f00;
	} 
	
	#eblog-wrapper #minimenu a.blogger {
	 	background: transparent url(../images/icons/user_edit.png) no-repeat 0 2px;
	}
	
	#eblog-wrapper #minimenu a.blog {
	 	background: transparent url(../images/icons/monitor_go.png) no-repeat 0 2px;
	}
	
	#eblog-wrapper #minimenu a.logout {
	 	background: transparent url(../images/icons/lock_go.png) no-repeat 0 2px;
	}
	
	#eblog-wrapper #minimenu a.pending {
	 	background: transparent url(../images/icons/pending.png) no-repeat 0 5px;
	 	color: #f00;
	 	float: left;
	 	font-weight: 700;
	}
	
 
/**
 * Dashboard toolbar styling
 */ 
#eblog-wrapper #topbar {
	background: transparent url(../images/topbar.png) no-repeat 0 0;
	height: 49px;
	padding-left: 5px;
	margin-right: 10px;
}


	#eblog-wrapper #topbar #topbar_inner {
		background: transparent url(../images/topbar.png) no-repeat top right;
		height: 49px;
	 	margin-right: -10px;
	 	padding-right: 5px;
	}
	
	#eblog-wrapper #topbar ul.toolbar {
		list-style: none;
	 	margin: 0;
	 	padding: 0;
	}
	
		#eblog-wrapper #topbar ul.toolbar li {
			background: none;
		 	display: block;
		 	float: left;
		 	margin: 5px 5px 0 0 !important;
		 	padding: 0;
		}
		
		#eblog-wrapper #topbar ul.toolbar li.rightside {
		 	float: right;
		}
			
			#eblog-wrapper #topbar ul.toolbar li a {
			 	background: transparent url(../images/toolbar_button.png) no-repeat top left;
			 	color: #fff;
			 	display: block;
			 	font-weight: 700;
			 	height: 39px;
			 	padding-left: 5px;
			 	margin-right: 5px;
			 	text-decoration: none;
			 	text-shadow: 0 1px 1px #333;
			}
			
			#eblog-wrapper #topbar ul.toolbar li a:hover {
				background-position: 0 -40px;
			 	color: #ff0;
			}
				
				#eblog-wrapper #topbar ul.toolbar li a span {
				 	background: transparent url(../images/toolbar_button.png) no-repeat top right;
				 	display: block;
				 	height: 39px;
				 	line-height: 37px;
				 	margin-right: -5px;
				 	padding-right: 10px;
				}
			
				#eblog-wrapper #topbar ul.toolbar li a:hover span {
					background-position: 100% -40px;
				 	color: #ff0;
				}	
				
			
			#eblog-wrapper #topbar ul.toolbar li.active a {
			 	background: transparent url(../images/toolbar_button.png) no-repeat 0 -80px;
			}
				
				#eblog-wrapper #topbar ul.toolbar li.active a span {
				 	background: transparent url(../images/toolbar_button.png) no-repeat 100% -80px;
				}
						
					#eblog-wrapper #topbar ul.toolbar li a span span {
					 	background: none;
					 	cursor: pointer;
					 	display: block;
					 	margin: 0;
					 	padding: 0 0 0 30px;
					}
				     
				
					
					#eblog-wrapper #topbar ul.toolbar li.dashboard a span span {
					 	background: transparent url(../images/icons/dashboard.png) no-repeat 0 6px;	
					}
					
					#eblog-wrapper #topbar ul.toolbar li.posts a span span {
					 	background: transparent url(../images/icons/posts.png) no-repeat 0 6px;	
					}
					
					#eblog-wrapper #topbar ul.toolbar li.categories a span span {
					 	background: transparent url(../images/icons/categories.png) no-repeat 0 6px;	
					}
					
					#eblog-wrapper #topbar ul.toolbar li.comments a span span {
					 	background: transparent url(../images/icons/comments.png) no-repeat 0 6px;	
					}
					
					#eblog-wrapper #topbar ul.toolbar li.tags a span span {
					 	background: transparent url(../images/icons/tags.png) no-repeat 0 6px;	
					}
					
					#eblog-wrapper #topbar ul.toolbar li.settings a span span {
					 	background: transparent url(../images/icons/settings.png) no-repeat 0 6px;	
					}



/**
 * Table content styling in dashboard
 * will be used in most of the dashboard pages 
 */ 			

#eblog-wrapper .item_title {
	color: #888;
	font-family: Baskerville,Georgia,'Times New Roman',times,serif;
	font-size: 13px;
	padding: 0 0 5px;
}
	
	#eblog-wrapper .item_title a {
		color: #21759B;
	}

#eblog-wrapper .item_content {
	font-size: 11px;
	line-height: 100%;
	margin: 0 0 10px;
}
	
	#eblog-wrapper .item_content a {
		color: #21759B;
	}
	

#eblog-wrapper .item_content.lite {
	color: #888;
}

#eblog-wrapper .item_content.description {
	color: #555;
	font-size: 11px;
	line-height: 140%;
	padding: 5px 0;
	margin: 0;
}

#eblog-wrapper .item_actions {
	padding: 0;
}


	#eblog-wrapper .item_actions ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		
		#eblog-wrapper .item_actions ul li {
			background: none;
			font-size: 11px;
			margin: 0;
			padding: 0;
		 	display: inline;
		}

		#eblog-wrapper .item_actions ul li + li {
			border-left: 1px solid #d6d6d6;
			padding-left: 8px;
		}
	
			#eblog-wrapper .item_actions ul li a {
				color: #21759B;
				font-family: Tahoma, Helvetica, Verdana, san-serif;
				font-size: 11px;
				padding: 3px 5px 3px 0;
				text-decoration: none;
			}
			
			#eblog-wrapper .item_actions ul li a:hover {
			 	color: #f00;
			}


#eblog-wrapper #write_container li {
    margin: 0 !important;
}	

/**
 * The rest of the content belongs here
 */ 
#eblog-wrapper #write_container {
	/*background-color: #f6f6f6;*/
	padding: 10px 0;
	position: relative;
}


	
	
	
/**
 * All stylo buttons
 */
#eblog-wrapper .save_button {
	background: transparent url(../images/save_button_bg.png) no-repeat 0 0;
	border: none;
	color: #333;
	cursor: pointer;
	font-family: inherit;
	font-weight: 700;
	height: 31px;
	line-height: 31px;
	margin-right: 15px;
	padding-left: 15px;
	position: absolute;
	right: 7px;
	text-transform: inherit;
	text-indent: 10px;
	text-decoration: none;
	text-shadow: 0 1px 1px #eee;
	top: 18px;
	width: 100px;	
}

	#eblog-wrapper .save_button .inner {
		background: transparent url(../images/save_button_bg.png) no-repeat 100% 0;
		display: block;
		height: 31px;
		margin-right: -15px;
		padding-right: 15px; 
		width: 100px;	
	} 

		#eblog-wrapper .save_button .inner .button {
			background: none !important;
		    border: none !important;
		    color: #333 !important;
			cursor: pointer;
			font-family: inherit;
			font-size: 12px;
			font-weight: 700;
			height: 29px;
			margin: 0 -22px;
			padding: 0;
		    text-transform: inherit;
		    width: 125px;
		}	
	
#eblog-wrapper .save_button:hover {
	background-position: 0 -40px;
}

	#eblog-wrapper .save_button:hover .inner {
	 	background-position: 100% -40px;
	}	
	
#eblog-wrapper .save_button:active {
	background-position: 0 -80px;
}

	#eblog-wrapper .save_button:active .inner {
	 	background-position: 100% -80px;
	}	


/**
 * New Post Button
 */ 
#eblog-wrapper #write_container #new_post {
	position: absolute;
	top: 20px;
	right: 10px;
}

#eblog-wrapper #save_post_button {
	background: transparent url(../images/publish_button.png) no-repeat 0 0;
	color: #fff;
	float: right;
	font-weight: 700;
	height: 30px;
	margin-right: 15px;
	margin-left: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	text-shadow: 0 1px 1px #333;
}	
	
	
	#eblog-wrapper #save_post_button span {
		background: transparent url(../images/publish_button.png) no-repeat 100% 0;
		display: block;
		height: 30px;
		line-height: 30px;
		margin-right: -30px;
		padding-right: 15px;
	}	
	
#eblog-wrapper #new_post,
#eblog-wrapper #approve_button {
	background: transparent url(../images/approve_button.png) no-repeat 0 0;
	color: #fff;
	float: right;
	font-weight: 700;
	height: 30px;
	margin-right: 15px;
	margin-left: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	text-shadow: 0 1px 1px #333;
}	
	
	#eblog-wrapper #new_post span,
	#eblog-wrapper #approve_button span {
		background: transparent url(../images/approve_button.png) no-repeat 100% 0;
		display: block;
		height: 30px;
		line-height: 30px;
		margin-right: -30px;
		padding-right: 15px;
	}	
	
#eblog-wrapper #new_post:hover,
#eblog-wrapper #save_post_button:hover,
#eblog-wrapper #approve_button:hover {
	background-position: 0 -30px;
}

	#eblog-wrapper #new_post:hover span,
	#eblog-wrapper #save_post_button:hover span,
	#eblog-wrapper #approve_button:hover span {
		background-position: 100% -30px;
	}

#eblog-wrapper #new_post:active,
#eblog-wrapper #save_post_button:active,
#eblog-wrapper #approve_button:active {
	background-position: 0 -60px;
}

	#eblog-wrapper #new_post:active span,
	#eblog-wrapper #save_post_button:active span,
	#eblog-wrapper #approve_button:active span {
		background-position: 100% -60px;
	}

	
	
	/**
	 * Page Title for all page
	 * Must have in every page	 
	 */	 	
	#eblog-wrapper #write_container .page_title {
		background: transparent url(../images/page_title.png) no-repeat top left;
		font-family: Baskerville, Georgia, 'Times New Roman', times, serif;
		font-size: 18px;   
		font-style: italic;
		font-weight: normal;
		height: 48px;
		padding: 0 0 0 20px;
		margin: 0 10px 0 0;
		text-shadow: 0 1px 1px #eee;
		width: auto;
	}
	 	
	 	#eblog-wrapper #write_container .page_title span {
			background: transparent url(../images/page_title.png) no-repeat top right;
			display: block;
			height: 48px;
			line-height: 46px;
			margin-right: -10px;
			padding-right: 10px;
		}


    /**
	 * Sub Title for all page
	 */
	#eblog-wrapper #write_container .sub_title {
		background: transparent url(../images/sub_title.png) repeat-x bottom left;
		border-left: solid 1px #bdbdbd;
		border-right: solid 1px #bdbdbd;
		font-family: Baskerville, Georgia, 'Times New Roman', times, serif;
		font-size: 16px;   
		font-style: italic;
		font-weight: normal;
		height: 35px;
		line-height: 34px;
		padding: 0 0 0 12px;
		margin: 0;
		text-shadow: 0 1px 1px #fff;
	}
		
		#eblog-wrapper #write_container .sub_title .recent_comments {
			background: transparent url(../images/icons/comments.png) no-repeat center left;
			padding-left: 30px;
		}
	 	

	/**
	 * Table style
	 */
	#eblog-wrapper #write_container table.eblog_table {
		border-left: solid 1px #bdbdbd;
		border-right: solid 1px #bdbdbd;
		font-family: Tahoma, Verdana, Helvetica, san-serif;
	}
		
		#eblog-wrapper #write_container table.eblog_table thead tr,
		#eblog-wrapper #write_container table.eblog_table .tableheader {
			background: #eae9eb url(../images/tableheader.png) repeat-x top left;
			height: 31px;
		}
			
			#eblog-wrapper #write_container table.eblog_table thead tr th {
			 	font-weight: 700;
			 	padding: 5px;
			 	text-align: center;
			 	text-shadow: 0 1px 1px #eee;
			}
		
		#eblog-wrapper #write_container table.eblog_table tbody tr,
		#eblog-wrapper #write_container table.eblog_table tbody tr:hover {
			background: #eae9eb url(../images/page_row.png) repeat-x top left;
		}
			
			#eblog-wrapper #write_container table.eblog_table tbody tr td {
				background: none;
				border-bottom: solid 1px #bdbdbd;
				/*min-height: 30px;
				height: auto !important;
				height: 30px; */
				padding: 5px;
			}
		
		
		#eblog-wrapper #write_container table.eblog_table tbody tr.page_row_white {
			background: #fff;
		}	
			
			#eblog-wrapper #write_container table.eblog_table tbody tr.page_row_white td {
				border-bottom: solid 1px #eee;
			}	
	
	
	#eblog-wrapper #write_container table.eblog_table.settings th,
	#eblog-wrapper #write_container table.eblog_table.settings td {
		padding-left: 20px;
	}
	
	#eblog-wrapper #write_container table.eblog_table .inputbox {
		background: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	#eblog-wrapper #write_container table.eblog_table .inputbox:hover {
		background: none;
		border: solid 1px #777;
	}
	
	#eblog-wrapper #write_container table.eblog_table .inputbox:focus {
		background: none;
		border: solid 1px #555;
	}
	
	/**
	 * All other content will be in this styling
	 */
	#eblog-wrapper #write_container .page_row {
		background: #eae9eb url(../images/page_row.png) no-repeat top left;
		border-bottom: solid 1px #bdbdbd;
		border-left: solid 1px #bdbdbd;
		border-right: solid 1px #bdbdbd;
		border-collapse: separate;
		margin: 0 !important;
		padding: 10px;
	} 
	
	
	/**
	 * Closing
	 */
	#eblog-wrapper #write_container .page_bottom {
		background: transparent url(../images/page_bottom.png) no-repeat top left;
		height: 10px;
		padding-left: 10px;
		margin-right: 10px;
	}	
		
		#eblog-wrapper #write_container .page_bottom span {
			background: transparent url(../images/page_bottom.png) no-repeat top right;
			display: block;
			height: 10px;
			margin-right: -10px;
		}		
		
			
/**
 * Editor Tabs
 */ 
#eblog-wrapper #write_container #tab_button {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
	height: 25px;
	display: block;
}
	
	#eblog-wrapper #write_container #tab_button li {
	 	background: none;
	 	padding: 0;
	 	margin: 0 5px 0 0 !important;
	 	display: block;
	 	float: left;
	 	line-height: 180%;
	}
		
		#eblog-wrapper #write_container #tab_button li a {
			background-color: #ddd;
			border: solid 1px #bdbdbd;
			color: #666;
			display: block;
			font-weight: 700;
			height: 24px;
			line-height: 24px;
		 	padding: 0 10px;
		 	text-decoration: none;
		 	text-shadow: 0 1px 1px #eee;
		}
		
		#eblog-wrapper #write_container #tab_button li a:focus {
			outline-style: none;
		}
	
	
	#eblog-wrapper #write_container #tab_button li.current {
		background: #fff;
	}	
    	
    	#eblog-wrapper #write_container #tab_button li.current a {
    		background: #fff;
    	 	border-bottom: solid 1px #fff;
    	 	color: #333;
    	}

#eblog-wrapper #write_container .section-container {

}



/**
 * Editor title
 */
#eblog-wrapper .write-title-container {
	background: transparent url(../images/write-title-container.png) no-repeat 0 0;
	height: 38px;
	padding-left: 5px;
	margin-bottom: 10px;
} 

	#eblog-wrapper .write-title-container .inner {
		background: transparent url(../images/write-title-container.png) no-repeat top right;
		height: 38px;
		padding-right: 15px;
	}
		
		#eblog-wrapper .write-title-container .inner #title {
			background: none;
			border: none;
			display: inline;
			font-family: Baskerville, Georgia, 'Times New Roman', times, serif;
		 	font-size: 18px;
		 	height: 36px;
		 	line-height: 36px;
		 	margin: 0;
		 	padding: 0 4px;
			width: 100%;
		}
		
		#eblog-wrapper .write-title-container .inner #title:focus {
			outline-style: none;
		}
		
		#eblog-wrapper .write-title-container .default-text {
			color: #666;
			font-style: italic;
		}
		
		#eblog-wrapper .write-title-container .inner #title.empty {
		 	color: #888;
		}
		
	#eblog-wrapper .write-title-container.focus {
	 	background-position: 0 -40px;
	}
		
		#eblog-wrapper .write-title-container.focus .inner {
		 	background-position: 100% -40px;
		}			
		
		
	#eblog-wrapper .label-title {
		display: block;
		font-family: Baskerville, Georgia, 'Times New Roman', times, serif;
		font-size: 12px;
		font-weight: 700;
		padding-bottom: 5px;
	}
	
	#eblog-wrapper .write-title {
		display: block;
		padding: 5px;
		width: 98%;
	}
	
	#eblog-wrapper .write-title:hover {
		background: #fff;
	}
	#eblog-wrapper .write-title:focus {
	 	background: #fff;
	 	border: solid 1px #444;
	}


#eblog-wrapper .write-title {
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
} 


/* Tag List */
#eblog-wrapper #tag-list li.tag-list-item {
	display: inline;
	padding: 0;
	background: none;
	margin: 0 5px 0 0;
}

	#eblog-wrapper #tag-list li.tag-list-item a.remove-tag {
		height: 16px;
		width: 16px;
		text-indent: -9999px;
		display: block;
		float: left;
		background: transparent url(../images/remove-tag.gif) no-repeat 0 0;
		outline-style: none;
	}
	
	#eblog-wrapper #tag-list li.tag-list-item a.remove-tag:hover {
		background: transparent url(../images/remove-tag.gif) no-repeat 0 -16px;
	}
	
	#eblog-wrapper #tag-list li.tag-list-item a.remove-tag span {
		height: 16px;
		width: 16px;
		text-indent: -9999px;
	}
	
	#eblog-wrapper #tag-list li.tag-list-item span.tag-caption {
		height: 16px;
		display: block;
		float: left;
		line-height: 14px;
		padding: 0 10px 0 0;
	}	


/**
 * Select date time in editor option page
 */ 	
#eblog-wrapper .dtpicker-save {
	background-color: #fff;
	border: solid 1px #bbb;
	color: #464646;
	line-height: 15px;
	padding: 3px 10px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
}

#eblog-wrapper .dtpicker-action {
	margin-top: 10px;
}

#eblog-wrapper .datetime_caption {
	font-weight: 700;
	padding-right: 15px;
}

#eblog-wrapper .dtpicker-wrap {
	margin-bottom: 10px;
	border-bottom: solid 1px #999;
	padding-bottom: 5px;
}


/**
 * mark pending post
 */ 
#eblog-wrapper .ispending {
	background: #fcc;
	color: #c30;
	font-weight: 700;
	margin: 5px 0;
	padding: 5px 0;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}

/**
 * Entries filtering bar
 */ 
#eblog-wrapper #filtering {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#eblog-wrapper #filtering li {
		background: none;
		border-right: 1px solid #ccc;
		display: inline;
		padding: 0 5px;
		margin: 0;
	}
	
	#eblog-wrapper #filtering li.last {
		border: 0;
		padding: 0;
	}
	
	#eblog-wrapper #filtering a.active  {
		color: #0078ff;
		font-weight: 700;
	}


/**
 * Override joomla template styling
 */
#eblog-wrapper .button {
	background: transparent url(../images/button.png) repeat-x center center !important;
	border: solid 1px #1350a3 !important;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	text-transform: inherit;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
} 

#eblog-wrapper .button-lite {
	background: transparent url(../images/button-lite.png) repeat-x center center;
	color: #1350a3;
}

#eblog-wrapper .inputbox {
	background: #fff url(../images/inputbox-normal.png) repeat-x 0 0;
	border: solid 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#eblog-wrapper .inputbox:focus {
	background: #fff url(../images/inputbox-focus.png) repeat-x 0 0;
	border: solid 1px #777;
}

#eblog-wrapper .select {
	padding: 4px 5px;
}

#eblog-wrapper .checkbox {
	width: auto !important;
}



#eblog-wrapper .text-red {
	color: #f00 !important;
}

#eblog-wrapper .text-orange {
	color: #f90 !important;
}

#eblog-wrapper .text-green {
	color: #360 !important;
}

#eblog-wrapper .text-center {
    text-align: center !important;
}

#eblog-wrapper .text-left {
    text-align: left !important;
}


/**
 * Legend icons
 */
#eblog-wrapper .icon-legend {
	line-height: 16px; 
	display: block; 
	float: left; 
	margin-right: 15px;
}

#eblog-wrapper .icon-legend img {
 	margin-right: 5px;
} 


#eblog-wrapper .fullwidth {
	width: 90%;
}

#eblog-wrapper .halfwidth {
	width: 40%;
}


/**
 * Fixes for Safari and Chrome
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {

}